<!-- map-header -->
<div class="map-header" ng-controller="MapHeaderCtrl">
  <div class="header-logo pull-left">
    <img src="{{logoImgUrl}}" class="logo pull-left">
    <div class="logo-title">{{title}}</div>
  </div>

  <div class="septal-line pull-left"></div>

  <ul class="nav navbar-nav">
    <li ng-repeat="menu in menuList" ui-sref-active="active" class="dropdown">
      <a href="" ui-sref="{{menu.url}}" class="dropdown-toggle" data-toggle="dropdown">{{menu.name}}</a>
      <ul class="dropdown-menu">
        <li ng-repeat="subItem in menu.submenus">
          <a href="" ui-sref="{{subItem.url}}"> {{subItem.name}}</a>
        </li>
      </ul>
    </li>
  </ul>

  <div class="user-profile pull-right">
    <a href="#">admin</a>
  </div>

</div><!-- end map-header -->